body,li,ul,ul>li,ul>li>ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,dl>dt,dl>dd,figure,form,a,button
{ margin:0;border:0;padding:0;list-style:none;}
img {  vertical-align:bottom;  max-width:100%; height:auto;}
div {  margin:0px auto;}
em,i {  font-style:normal;}
.single-over {
    width:100%;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.single2-over {
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.clamp-voer {
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.infotools {
    padding: 20px 0;
    display: flex;
    justify-content: space-around;
}
.infotools .page_preinfo
,.infotools .page_next{
    max-width:46%;
    flex:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.infotools .page_preinfo:before{content: "\f0a5"; margin-right: 10px;}
.infotools .page_next:after{content: "\f0a4"; margin-left: 10px;}
.flex{
    display: flex;
    -ms-display: flex;
}
.flex>div{ margin: 0;}
.container { margin-right:auto; margin-left:auto;  max-width:1200px; width:100%;}

.flex.wrap{flex-wrap: wrap;}
.flex-none{ flex:none;}
.flex-auto{width:200px;  flex:auto; }
.flex-column{ display: flex; -ms-display: flex; flex-direction: column;}

.justify-content-center{ display: flex; justify-content: center;}
.pagination{ margin: 20px 0; }
.pagination .page-item,.pagination .page-num{ width:30px; height: 30px; display: block; text-align: center; line-height: 30px; border: 1px solid #dedede; margin: 0 5px;}
.pagination .page-num-current{ background-color: #dedede; }
.pagination .page-item.pageindex:before{content: "\f100"}
.pagination .page-item.pagepre:before{content: "\f104"}
.pagination .page-item.pagenext:before{content: "\f105"}
.pagination .page-item.pagelast:before{content: "\f101"}

.hide{display: none;}
.show{display: block;}